<script type="text/template" id="dialogAddUserGroupTemplate">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title"><%= APP.getTrans('ADD_USER_GROUP', 'TITLE') %></h4>
      </div>
      <form id="addUserGroupForm" class="form-horizontal">
        <div class="modal-body">
          <div class="form-group">
            <label class="col-xs-2 control-label" for="dialogAddUserGroup-name"><%= APP.getTrans('ADD_USER_GROUP', 'NAME') %></label>
            <div class="col-xs-10">
              <input id="dialogAddUserGroup-name" class="form-control" type="text" value="">
            </div>
          </div>
          <div class="form-group">
            <label class="col-xs-2 control-label" for="dialogAddUserGroup-nameEn"><%= APP.getTrans('ADD_USER_GROUP', 'NAME_EN') %></label>
            <div class="col-xs-10">
              <input id="dialogAddUserGroup-nameEn" class="form-control" type="text" value="">
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-dismiss="modal"><%= APP.getTrans('ADD_USER_GROUP', 'CANCEL') %></button>
          <button type="submit" class="btn btn-default"><%= APP.getTrans('ADD_USER_GROUP', 'ADD') %></button>
        </div>
      </form>
    </div>
  </div>
</script>